html, body {
    width       : 100%;
    height      : 100%;
    padding     : 0;
    margin      : 0;
    color       : #666;
    font-family : Microsoft YaHei, "微软雅黑";
}

ol, ul {
    margin     : 0;
    padding    : 0;
    list-style : none;
}

.f12 {
    font-size : 12px;
}

.f13 {
    font-size : 13px;
}

.f14 {
    font-size : 14px;
}

.f16 {
    font-size : 16px;
}

.f20 {
    font-size : 20px;
}

.fb {
    font-weight : 700;
}

.fn {
    font-weight : 400;
}

.t2 {
    text-indent : 2em;
}

.lh150 {
    line-height : 150%;
}

.lh180 {
    line-height : 180%;
}

.lh200 {
    line-height : 200%;
}

.unl {
    text-decoration : underline;
}

.no_unl {
    text-decoration : none;
}

.tl {
    text-align : left;
}

.tc {
    text-align : center;
}

.tr {
    text-align : right;
}

.bc {
    margin-right : auto;
    margin-left  : auto;
}

.fl {
    float   : left;
    display : inline;
}

.fr {
    float   : right;
    display : inline;
}

.dn {
    display : none;
}

.db {
    display : block;
}

.cb {
    clear : both;
}

.cl {
    clear : left;
}

.cr {
    clear : right;
}

.vm {
    vertical-align : middle;
}

.pr {
    position : relative;
}

.pa {
    position : absolute;
}

.abs-right {
    position : absolute;
    right    : 0;
}

.zoom {
    zoom : 1;
}

.hidden {
    visibility : hidden;
}

.none {
    display : none;
}

.w10 {
    width : 10px;
}

.w20 {
    width : 20px;
}

.w30 {
    width : 30px;
}

.w40 {
    width : 40px;
}

.w50 {
    width : 50px;
}

.w60 {
    width : 60px;
}

.w70 {
    width : 70px;
}

.w80 {
    width : 80px;
}

.w90 {
    width : 90px;
}

.w100 {
    width : 100px;
}

.w200 {
    width : 200px;
}

.w250 {
    width : 250px;
}

.w300 {
    width : 300px;
}

.w400 {
    width : 400px;
}

.w500 {
    width : 500px;
}

.w600 {
    width : 600px;
}

.w700 {
    width : 700px;
}

.w800 {
    width : 800px;
}

.w {
    width : 100%;
}

.w_10 {
    width : 10%;
}

.w_20 {
    width : 20%;
}

.w_30 {
    width : 30%;
}

.w_40 {
    width : 40%;
}

.w_50 {
    width : 50%;
}

.w_60 {
    width : 60%;
}

.w_70 {
    width : 70%;
}

.w_80 {
    width : 80%;
}

.w_90 {
    width : 90%;
}

.h10 {
    height : 10px;
}

.h20 {
    height : 20px;
}

.h30 {
    height : 30px;
}

.h40 {
    height : 40px;
}

.h50 {
    height : 50px;
}

.h60 {
    height : 60px;
}

.h70 {
    height : 70px;
}

.h80 {
    height : 80px;
}

.h90 {
    height : 90px;
}

.h100 {
    height : 100px;
}

.h200 {
    height : 200px;
}

.h300 {
    height : 300px;
}

.h400 {
    height : 400px;
}

.h500 {
    height : 500px;
}

.h600 {
    height : 600px;
}

.h700 {
    height : 700px;
}

.h800 {
    height : 800px;
}

.h {
    height : 100%;
}

.h_10 {
    height : 10%;
}

.h_20 {
    height : 20%;
}

.h_30 {
    height : 30%;
}

.h_40 {
    height : 40%;
}

.h_50 {
    height : 50%;
}

.h_60 {
    height : 60%;
}

.h_70 {
    height : 70%;
}

.h_80 {
    height : 80%;
}

.h_90 {
    height : 90%;
}

.m10 {
    margin : 10px;
}

.m15 {
    margin : 15px;
}

.m30 {
    margin : 30px;
}

.mt5 {
    margin-top : 5px;
}

.mt10 {
    margin-top : 10px;
}

.mt15 {
    margin-top : 15px;
}

.mt20 {
    margin-top : 20px;
}

.mt30 {
    margin-top : 30px;
}

.mt50 {
    margin-top : 50px;
}

.mt100 {
    margin-top : 100px;
}

.mb5 {
    margin-bottom : 5px;
}

.mb10 {
    margin-bottom : 10px;
}

.mb15 {
    margin-bottom : 15px;
}

.mb20 {
    margin-bottom : 20px;
}

.mb30 {
    margin-bottom : 30px;
}

.mb50 {
    margin-bottom : 50px;
}

.mb100 {
    margin-bottom : 100px;
}

.ml5 {
    margin-left : 5px;
}

.ml10 {
    margin-left : 10px;
}

.ml15 {
    margin-left : 15px;
}

.ml20 {
    margin-left : 20px;
}

.ml30 {
    margin-left : 30px;
}

.ml50 {
    margin-left : 50px;
}

.ml100 {
    margin-left : 100px;
}

.mr5 {
    margin-right : 5px;
}

.mr10 {
    margin-right : 10px;
}

.mr15 {
    margin-right : 15px;
}

.mr20 {
    margin-right : 20px;
}

.mr30 {
    margin-right : 30px;
}

.mr50 {
    margin-right : 50px;
}

.mr100 {
    margin-right : 100px;
}

.p10 {
    padding : 10px;
}

.p15 {
    padding : 15px;
}

.p30 {
    padding : 30px;
}

.pt5 {
    padding-top : 5px;
}

.pt10 {
    padding-top : 10px;
}

.pt15 {
    padding-top : 15px;
}

.pt20 {
    padding-top : 20px;
}

.pt30 {
    padding-top : 30px;
}

.pt50 {
    padding-top : 50px;
}

.pt100 {
    padding-top : 100px;
}

.pb5 {
    padding-bottom : 5px;
}

.pb10 {
    padding-bottom : 10px;
}

.pb15 {
    padding-bottom : 15px;
}

.pb20 {
    padding-bottom : 20px;
}

.pb30 {
    padding-bottom : 30px;
}

.pb50 {
    padding-bottom : 50px;
}

.pb100 {
    padding-bottom : 100px;
}

.pl5 {
    padding-left : 5px;
}

.pl10 {
    padding-left : 10px;
}

.pl15 {
    padding-left : 15px;
}

.pl20 {
    padding-left : 20px;
}

.pl30 {
    padding-left : 30px;
}

.pl50 {
    padding-left : 50px;
}

.pl100 {
    padding-left : 100px;
}

.pr5 {
    padding-right : 5px;
}

.pr10 {
    padding-right : 10px;
}

.pr15 {
    padding-right : 15px;
}

.pr20 {
    padding-right : 20px;
}

.pr30 {
    padding-right : 30px;
}

.pr50 {
    padding-right : 50px;
}

.pr100 {
    padding-right : 100px;
}

.view {

    margin : 0 auto;
    border : 1px solid gray;
}

.view .top {
    border-bottom : 1px inset gray;
}

.top .line li {
    float   : left;
    padding : 5px;
    border  : 1px solid rgba(0, 0, 0, .1);
}

.top .line li:hover {
    background : #FFA323;
    color      : #FFF;
    cursor     : default;
}

.view .left {
    -webkit-box-shadow : 1px 1px 5px 0px gray;
    -moz-box-shadow    : 1px 1px 5px 0px gray;
    box-shadow         : 1px 1px 5px 0px gray;
}

.view .left .window {
    width  : 100px;
    height : 100px;
}

.view input {
    width     : 50%;
    border    : 0;
    min-width : 50px;
}

.view .left input,
.view .left table {
    display : none;
}

.view .right {
    overflow : auto;
    position : relative;
}

.line .active {
    color : red;
}

#canvas {
    background : #FFF;
}

._context {
    position              : fixed;
    display               : none;
    min-width             : 60px;
    height                : auto;
    overflow              : hidden;
    z-index               : 100;
    background            : #FFF;
    -webkit-border-radius : 2px;
    -moz-border-radius    : 2px;
    border-radius         : 2px;
    -webkit-box-shadow    : 0px 0px 5px 1px #CCC;
    -moz-box-shadow       : 0px 0px 5px 1px #CCC;
    box-shadow            : 0px 0px 5px 1px #CCC;
}

._context ul {
    padding : 5px;
}

._context li {
    padding    : 5px;
    text-align : center;
}

._context li:last-child {
    border-top : 1px solid #CCC;
}

._context li:hover {
    color      : #FFF;
    cursor     : default;
    background : #FFA323;
}

.contextedit {
    min-width  : 150px;
    min-height : 112px;
    height     : auto;
    width      : auto;
}

._context .head {
    height      : 26px;
    line-height : 26px;
    text-indent : .5em;
    color       : #FFF;
    background  : #FFA323;
}

._context .footer {
    height      : 31px;
    line-height : 26px;
    position    : absolute;
    bottom      : 0;
    right       : 5px;
}

._context .footer span {
    padding               : 0 10px;
    text-align            : center;
    cursor                : default;
    display               : inline-block;
    -webkit-border-radius : 2px;
    -moz-border-radius    : 2px;
    border-radius         : 2px;
    -webkit-box-shadow    : 0 0 5px 0px rgba(0, 0, 0, .2);
    -moz-box-shadow       : 0 0 5px 0px rgba(0, 0, 0, .2);
    box-shadow            : 0 0 5px 0px rgba(0, 0, 0, .2);
}

._context .footer span:hover {
    color              : #FFF;
    -webkit-box-shadow : none;
    -moz-box-shadow    : none;
    box-shadow         : none;
    background         : #FFA323;
}